
$(window).load(function(){

  let dingwei=280
    window.onscroll=function(){

      let dingpu= document.documentElement.scrollTop    // console.log(dingpu[0]>=300);
      // console.log(dingpu);
      dingwei=dingpu
      if(dingpu>=1245){
       $('.datails-jiaru').css('position','fixed')
       $('.datails-jiaru').css('top','0')
       $('.datails-jiaru').css('background','#fff')
       $('.datails-jiaru').css('marginLeft','0px')
      }else{
        $('.datails-jiaru').css('position','static')
        $('.datails-jiaru').css('marginLeft','0px')
      //  $('.datails-jiaru').css('top','0')
      }
      if(dingpu>=300){
        $('.touxing7').css('display','block')
      }else{
        $('.touxing7').css('display','none')
      }
    }
    $('.touxing7').on('click',function(){
      $('body,html').animate({scrollTop: 0}, 1000)
    })
   $('.datails-jiaru').children('span:eq(1)').on('click',function(){
       var distance = $('.datails-shanpan').offset().top;
     if(dingwei>=280){
      document.documentElement.scrollTop=distance-100
     }
     $('.datails-jiaru').css('marginLeft','-15px')
     $(this).css('background','#ff666b').siblings('span:eq(0)').css('background','#fff')
     $(this).css('color','#fff').siblings('span:eq(0)').css('color','#666')
   })
   $('.datails-jiaru').children('span:eq(0)').on('click',function(){
    document.documentElement.scrollTop=1240
    $(this).css('background','#ff666b').siblings('span:eq(0)').css('background','#fff')
    $(this).css('color','#fff').siblings('span:eq(0)').css('color','#666')
  })
})